.header
{
	/* Default page width */
	width: 750px;
	
	/* Center the element */
	margin: 0 auto;
	
	/* Don't start right at the top */
	margin-top: 50px;
}

.header a, .header a:link, .header a:visited
{
	/* Use the default header colour */
	color: inherit;
}

.header a:hover, a:focus
{
	/* Don't underline the header text */
	text-decoration: none;
	
	/* Use the default header colour */
	color: inherit;
}

.header h3
{
	/* Change the size */
	font-size: 15px;
	
	/* Remove the bold */
	font-weight: normal;
}

.container
{
	/* Default page width */
	width: 750px;
	
	/* Center the element */
	margin: 0 auto;
	
	/* Space between header and container */
	margin-top: 20px;
	
	/* Default background color */
	background-color: rgb(48, 48, 48);
	
	/* Border */
	border: 1px solid rgb(102, 102, 102);
	
	/* Round the corners */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	/* Pad out the border */
	padding: 15px;
}

.container .firstP
{
	/* The first paragraph should be white, others are grey */
	color: white;
}

.column
{
	/* Let us have 3 columns per page */
	width: 240px;
	
	/* Make sure each column appears next to each other */
	float: left;
	
	/* Provide some space between the columns */
	margin-right: 10px;
	
	/* Provide some space at the bottom of the column */
	margin-bottom: 20px;
}

.darkCol
{
	/* Dark Grey */
	background-color: rgb(29, 29, 29);
	
	/* Light-ish Grey */
	color: rgb(172, 172, 172);
	
	/* Corner radius */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	
	/* Take the full width of the column */
	width: 220px;
	
	/* Pad the content out a little */
	padding: 10px;
	
	/* Provide some space at the bottom of the column */
	margin-bottom: 20px;
}

.smallLink
{
	/* Background Colour */
	background-color: rgb(29, 29, 29);
	
	/* Border Radius */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	
	/* Height */
	height: 20px;
	
	/* Provide some space at the bottom of the column */
	margin-bottom: 10px;
}

.smallLink a
{
	/* White */
	color: #FFFFFF;
	
	/* Margin */
	margin-left: 10px;
	
	/* Line Height */
	line-height: 20px;
	
	/* Make the entire line selectable */	
	display: block;
}

.smallLink a:hover
{
	/* Light Blue */
	color: rgb(153, 204, 255);
	
	/* No underline */
	text-decoration: none;
}

.bottomCol
{
	/* Don't have the space at the bottom, let the padding handle it */
	margin-bottom: 0px;
}

.required
{
	/* Dark Grey */
	color: rgb(118, 121, 114);
	
	/* Small font size */
	font-size: 10px;
	
	/* Left margin */
	margin-left: 5px;
}

.filename
{
	/* Make sure the text gets the correct font colour */
	color: inherit;
}

.separator
{
	/* Clear any floats */
	clear: both;
	
	/* We want the full width of the container (less padding) */
	width: 100%;
	
	/* Only 1px for the separator */
	height: 1px;
	
	/* The separator appears as a single horizontal line on the page */
	border-top: 1px solid rgb(102, 102, 102);
	
	/* Make sure other elements don't get too close */
	margin-bottom: 20px;
}

.clear
{
	/* Clear floats */
	clear: both;
}

.hide
{
	/* Don't show this element */
	display: none;
}

span.hidden
{
	display: none;	
}

span.show
{
	color: #FF0000;
	text-decoration: blink;	
}